<template>
  <div class="profile">
    <nav-bar class="profile-nav">
      <div slot="center">购物街</div>
    </nav-bar>
    <scroll class="scroll-area">
      <login />
      <money />
      <div class="line"></div>
      <profile-list />
    </scroll>
  </div>
</template>

<script>
import NavBar from 'components/common/navbar/NavBar'
import Scroll from 'components/common/scroll/Scroll'
import Login from './childComps/Login'
import Money from './childComps/Money'
import ProfileList from './childComps/ProfileList'

export default {
  name: "Profile",
  components: { 
    NavBar,
    Scroll,
    Login,
    Money,
    ProfileList
  }
}
</script>

<style scoped>
.profile {
  position: relative;
  height: 100vh;
}

.profile-nav {
  color: #fff;
  background-color: var(--color-tint);
}

.scroll-area {
  position: absolute;
  left: 0;
  right: 0;
  top: 44px;
  bottom: 49px;
  overflow: hidden;
}

.line {
  height: 10px;
  background-color: #eee;
}
</style>
